Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #61443
    Christine
    Participant

    Hi
    I have chosen the layout without sidebar, it looks fine on Desktop and on phone. It looks strange on tablet as the content area is not fully displayed, but displayed as if a sidebar is missing. Can I change that?
    Thanks

    #61497
    Sakin
    Keymaster

    @Christine: From which tablet you are check it. Please post in your site URL and the tablet details. As we have checked in iPad it works fine. Once you post in your site URL and tablet details, I will check in @media screen css.

    #61581
    Christine
    Participant

    Hi Sakin

    My url is: http://www.pietsch.tv/new
    I am using my ipad. The content block does not show the full width, footer, header and slider etc do. This looks strange.

    Thanks. Christine

    #61823
    Christine
    Participant

    Hi Sakin!

    Do you have an answer for me? Thanks
    Christine

    #61836
    Sakin
    Keymaster

    @Christine: Thanks for finding our the issue. We will fix this in next version update. For now, you can add the following css in “Appearance => Theme Options => Custom CSS” box:

    .no-sidebar-one-column #primary { width: 100%; }

    #62335
    Christine
    Participant

    It looks great now. Thank you.
    One last question:

    I do not want the logo to become so small when scrolling. Can I fix the logo in the header section in order not to become small.

    Thanks again.

    #62698
    Sakin
    Keymaster

    @Christine: You can adjust the max-height in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
    #masthead.fixed-header #site-logo img { max-height: 32px; }

    #64246
    Christine
    Participant

    Hi Sakin!

    Thanks. I added the CSS. It looks perfect now on the desktop, but on the mobile (Iphone) version it is very strange now. The logo is very small in the beginning and gets big when scrolling. It should be big from the beginnin on. How can I do that?

    The url is: http://www.pietsch.tv/new

    #64252
    Sakin
    Keymaster

    @Christine: It’s because we change the size from custom css. Now you can add the following css in “Appearance => Theme Options => Custom CSS” box:

    @media screen and (max-width: 980px) {	
    	#masthead #site-logo img {
    		max-height: 120px;
    	}
    	#masthead.fixed-header #site-logo img {
    		max-height: 28px;
    	}
    }
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Layout without side bar on tablet’ is closed to new replies.