Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 24, 2019 at 9:06 pm #1113013
    BreathingSpaceYogaStudio

    Hi, please can you advise how I centre and stop shrinking on the logo in mobile view, add in the social icons from the top bar and reduce the height of H1 text?

    June 25, 2019 at 7:49 am #1113153
    Jordan Shannon

    Hey BreathingSpaceYogaStudio,

    Yes, if the issue can’t be seen on the maintenance landing page then we need login info.

    Best regards,
    Jordan Shannon

    June 25, 2019 at 7:11 pm #1113346
    BreathingSpaceYogaStudio

    Thanks Jordan,

    I have managed to sort most of this now but can’t get the social icons to appear on mobile, I’ve provided logon details separately – please can you take a look?

    June 26, 2019 at 8:08 am #1113510
    Rikard

    Hi,

    Thanks for the update and details, the social icons are appearing fine on my end though. Did you manage to get that working as well?

    Best regards,
    Rikard

    June 26, 2019 at 8:16 am #1113515
    BreathingSpaceYogaStudio

    Hi Rikard, they appear on my laptop but I can’t see them on mobile – can you see them? I’ve not been able to get them to show on mobile at all.

    June 26, 2019 at 4:15 pm #1113650
    Basilis

    Hi,

    Have you might hide them on mobile?

    Best regards,
    Basilis

    June 26, 2019 at 4:38 pm #1113655
    BreathingSpaceYogaStudio

    Not as far as I know – how can I check?

    June 28, 2019 at 1:41 pm #1114260
    Ismael

    Hi,

    Did you add the following css code before?

    .responsive #top #header .social_bookmarks {
    display: none;
}

    Please remove that because it hides the social icons, or add this css code to override it.

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
}
}

    Best regards,
    Ismael

    June 28, 2019 at 3:36 pm #1114279
    BreathingSpaceYogaStudio

    Thanks, this now puts the logos into the top bar on mobile – which is what I want but not on tablet.

    However it has also duplicated them next to the menu – see link to image in Dropbox sent privately.

    What I want is them to be in the top blue bar in white on all devices.

    June 28, 2019 at 3:37 pm #1114280
    BreathingSpaceYogaStudio

    In addition to this the logos no longer show on laptop!

    June 30, 2019 at 8:45 pm #1114692
    Victoria

    Hi BreathingSpaceYogaStudio,

    I am not seeing the code in the Quick css and in styles.css. Where are you adding it?

    Best regards,
    Victoria

    July 1, 2019 at 5:26 pm #1114940
    BreathingSpaceYogaStudio

    Hi Victoria, the CSS has been added via the customise option and custom CSS as when I added it as quick CSS it didn’t show on the site.

    Have moved it to styles.css now so make it easier to find.

    July 4, 2019 at 3:13 pm #1115805
    Ismael

    Hi,

    Thank you for the update.

    Try to change the media condition in the css media query from (max-width: 479px) to (max-width: 989px) so that it applies to tablet view. After adjusting the media condition, add this css code inside that same css media query.

    .responsive #top #header .av-logo-container .social_bookmarks {
    display: none;
}

    Best regards,
    Ismael

    July 4, 2019 at 6:52 pm #1115858
    BreathingSpaceYogaStudio

    Unfortunately, I still can’t get the social icons to display on mobile despite all the CSS you have suggested – can anyone help with this as really need these showing on mobile as well as tablet?

    July 6, 2019 at 12:23 pm #1116246
    Victoria

    Hi BreathingSpaceYogaStudio,

    Please move the css Ismael gave you from customizer to the Quick css in the theme options and disable css merging for now if it is enabled.

    Best regards,
    Victoria

    July 8, 2019 at 11:30 am #1116626
    BreathingSpaceYogaStudio

    Thanks this now works, however the hamburger menu has moved across the screen and I have grey versions of the social icons showing as well – how can I remove these?

    July 9, 2019 at 10:27 am #1116990
    Ismael

    Hi,

    We adjusted the css media query a bit. The social icon in the top header should be visible on both phone and tablet view.

    Best regards,
    Ismael

    July 9, 2019 at 7:26 pm #1117158
    BreathingSpaceYogaStudio

    Thank you that is perfect :-)

    July 10, 2019 at 12:42 pm #1117412
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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