Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #888046
    damiafaw
    Participant

    Hello,
    Got a problem with my main homepage website – currently its fine in all views until it goes to Extra Small (mobile) screen size.

    For some odd reason, it goes back to the Lorum Ipsum wording and TITLE and the 300×300 image placeholder – instead of the 600×600 images I am using for the larger screens.

    Its like it forgets every single change made and defaults to the theme default settings – before any changes were done to it.
    This is only on the main page – all other pages though are good as they should be.

    Same for Chrome and IE.
    Cornerstone shows the same issues for the main homepage.

    Thoughts?

    #888050
    damiafaw
    Participant

    Oh and everything is updated to the latest version, there are no outstanding updates.
    I am also not hiding any views in the ROW layout either.

    #888142
    damiafaw
    Participant

    Worked it out……………no idea why it just doesnt become responsive and why it is so fiddly to make it show properly.
    Why have a seperate mobile and desktop option – is it only because of the left/right layout of words/images?

    I just removed the background (with the lines) and just put everything on the one side (words on left, images on right) and removed the mobile screen versions from existance by hiding them.

    #888291
    Zeshan
    Member

    Hi there @damiafaw,

    Thanks for writing in!

    Glad you have figured it out. Just to make it a bit more clearer, if you import the demo content, you will have two separate sections for desktop and mobile views. Cornerstone sections and rows have a visibility option to hide them depending on the screen size. Using this feature, you can show one section on the desktop and hide it on mobiles and show a different section on mobiles. The option is located under Hide Based On Screen Width in your Section/Row settings (see: http://prntscr.com/96qgos).

    Thank you!

  • <script> jQuery(function($){ $("#no-reply-888046 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>