Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 7, 2016 at 10:03 am #609459
    ac

    Hi, I have a few queries on mobile rendering.

    1. the logo is not showing in mobile view. can’t see why as it’s an appropriate size, although i do have some custom CSS in to give the logo padding which was needed for desktop – perhaps it’s that?? Link below.

    2. when I view the content page on mobile, it starts with the alternate colour as obviously the navigation goes to mobile. How can I put a darker purple border at the top to make it stand out a bit? I tried adding a simple border to the top of the colour section but it didn’t make any difference.

    3. I have the G+ logo showing in the top header which is fine on desktop but doesn’t look right on mobile as it takes up a whole extra line – can I make it not show at the top on mobile

    4. On the home page, the full width slider doesn’t show on mobile – can I make it so that it does?

    Finally a non-mobile query: on desktop, I have the navigation showing centrally on a coloured background. Is there a way to make the coloured (dark purple) banner deeper? I don’t want to enlarge the text any more, just have a deeper navigation area.

    Links below, thank you for your help

    April 8, 2016 at 4:34 pm #610314
    ac

    for further information here’s my custom css below in private – there isn’t too much and shouldn’t be causing the issues above. Please advise. thanks

    April 8, 2016 at 5:01 pm #610335
    ac

    Hi i’ve updated enfold and got the full width slider working on the home page, but it looks terrible, the buttons cover up the image, then the alternate colour section is huge beneath it.

    April 11, 2016 at 1:30 pm #611233
    Andy

    Hi!

    refrain from bumping into your own thread, as it pushes it behind in our queue and marks it as answered and then we can’t provide a faster reply to you.

    Please use different tickets for different question, to keep the forum clean and clear for other people searching for help here.

    1.) Use this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
strong.logo img {
padding: 5px 0px;
}}

    and adjust as needed.
    Let us know if your logo appears using this solution.

    Regards,
    Andy

    April 11, 2016 at 1:41 pm #611240
    ac

    thank you it does appear now.

    April 11, 2016 at 2:14 pm #611287
    Andy

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile queries’ is closed to new replies.