- This topic has 8 replies, 2 voices, and was last updated 9 years, 1 month ago by Sakin.
-
AuthorPosts
-
July 24, 2015 at 2:26 pm #61443ChristineParticipant
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?
ThanksJuly 25, 2015 at 3:40 am #61497SakinKeymaster@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.
July 27, 2015 at 12:29 pm #61581ChristineParticipantHi 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
July 30, 2015 at 3:23 pm #61823ChristineParticipantHi Sakin!
Do you have an answer for me? Thanks
ChristineJuly 30, 2015 at 10:49 pm #61836SakinKeymaster@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%; }
August 7, 2015 at 5:07 pm #62335ChristineParticipantIt 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.
August 10, 2015 at 11:00 pm #62698SakinKeymaster@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; }
August 17, 2015 at 6:21 pm #64246ChristineParticipantHi 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
August 17, 2015 at 7:29 pm #64252SakinKeymaster@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; } }
-
AuthorPosts
- The topic ‘Layout without side bar on tablet’ is closed to new replies.