Mobile Padding & Social Menu and transparent Header

  • thisisjustaquestion

    (@thisisjustaquestion)


    7 years, 1 month ago

    Hey there,

    I have a few questions:
    1.) The padding on mobile (the white space left and right besides the content) is too large. How can I make it smaller?

    2.) The Social Menu is not appearing on mobile. I want it to appear either right above the menu items (so after the click on the menu) or on the very top of the page, above the menu. How can I do this?

    3.) Also, is there any way to have the social menu-links open in a new tab? Couldn’t figure it out…

    4.) This is for desktop versions: I like the style of the demo site, but every time I tried to add a header image it’s either shown way to small or I have the white space of the header on top of it. How can I make it transparent and appear only when scrolling down (basically the same effect as in the demo)?

    Thanks in advance!

    Best
    Michael

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Sabina – ThemeGrill Support

    (@saudensabina)

    7 years, 1 month ago

    Hey,

    For your 1st and 2nd issue:

    Go to your Dashboard > Appearance > Customize > Additional CSS
    Add this to the Additional CSS:

    @media (max-width: 768px){
 .full-width-center #primary {
    width: 80%;
 }
 .header-top {
    display: block;
 }
}

    For your 3rd query, you may go to your Dashboard > Appearance > Menus > Screen Options > Link Target(Tick)
    Edit Social Menu, Tick Open link in a new tab.

    For your 4th query, you may go to your Dashboard > Pages > Home
    Go to the right panel – Header Transparency. Tick Transparent Header.

    Do let us know if you have any further query regarding our theme. We will try to reach you soon.

    Good Day,
    Best Regards.

    Thread Starter thisisjustaquestion

    (@thisisjustaquestion)

    7 years, 1 month ago

    Hey Sabina,

    Thank you so much. 1-3 have worked perfectly. For 3, I didn’t have the option to open in a new tab – I had to click the upper right appearance tab to finally be able to see it. But all good now.

    4 didn’t work – the Header just gets narrower (the Social Media-Menu is gone) and the image somewhat disappears behind it. See the screenshot here.
    But not much to worry about: I actually kinda like the image and its placement like it is right now. Can I somehow set the images’ height to 100%, so it always gets shown in full when someone vists the website, no matter their resolution?

    Thanks a lot for your help!

    Thread Starter thisisjustaquestion

    (@thisisjustaquestion)

    7 years ago

    Hey,

    Just wanted to follow up on this – could you help me with my last question?
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile Padding & Social Menu and transparent Header’ is closed to new replies.