Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 7, 2016 at 11:57 am #721432
    Krissieg

    Hi there guys,

    Can you help me please. I created a banner on this website: http://helpinghandsoverstrand.co.za/
    It looks fine on desktop devices but anything smaller the banner doesn’t look right and on mobile in particular the wording gets cut off. I see that it doesn’t happen with your demo for the wedding so could you let me know how I can sort it so the fonts adapt accordingly.

    Also, how do I make the font bigger in the small menu bar above the main header?

    Thanks

    Krissie

    December 8, 2016 at 5:49 am #721796
    Rikard

    Hey Krissie,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.avia-caption-title {
  margin-top: 40px;
}
}

    Best regards,
    Rikard

    December 8, 2016 at 9:49 am #721870
    Krissieg

    Thanks, I’ll see if it works.
    Also, can you give me some Quick CSS to make the font bigger in the small menu bar?

    Thanks

    December 8, 2016 at 1:55 pm #721950
    Vinay

    Hi,

    Glad to help!

    To font size above the main menu can be changed with the below css

     #top #header_meta .phone-info {
    font-size: 14px;
}

    Best regards,
    Vinay

    December 8, 2016 at 2:05 pm #721955
    Krissieg

    Great! Many thanks! Would be handy to have that as an option within the advanced editing section in the theme options.

    Ta :)

    December 8, 2016 at 2:07 pm #721957
    Krissieg

    Sorry, one more thing. How do you control the colour of the ‘social media icons’ in the top menu bar?
    I can’t seem to get it to stop being white.

    http://prntscr.com/dguoxv
    In this example when I make the screen mobile size the social icon turns white, despite making the font black in the advanced editing area.

    Thanks

    December 12, 2016 at 6:43 am #722949
    Ismael

    Hey!

    Please add something like this in the Quick CSS field.

    @media only screen and (max-width: 767px) {
     #top #wrap_all .header_color.av_header_transparency .social_bookmarks {
         color: #000000;
     }
}

    Best regards,
    Ismael

    December 12, 2016 at 12:21 pm #723084
    Krissieg

    Great! Thanks very much.

    December 13, 2016 at 7:03 am #723548
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.