Adding Banner to mobile view

Hello Graham,

It looks like you’ve got a plugin that’s generating a different version of your site for mobile. There is a feature like this in jetpack, so if you’re using that plugin, you should go in and disable the mobile layout feature.

The home slider should display on both desktop and mobile versions of your site by default.

-Kevin

Thank you for your reply. I used this Jetpack plugin as the mobile version of my site looked really bad. I’ll have a play around to see if i can adjust the Jetpack settings.
Thanks

What don’t you like about the default mobile site? If you can provide some details I may be able to help you get it looking how you want it.

-Kevin

when viewing it on an iphone the topbar looks bulky and unprofessional. I want it to be on 2 lines as opposed to three. If that means removing the social media buttons then that is fine.

My banner is also too small. I want it to be wider and higher. Can i make it bigger?

Finally the font on the menu is very hard to read and resembles nothing else on my site so i would like to change that?

If i can sort these issues i would be happier using the standard layout rather than relying on the Jetpack plugin

Thank you for your help
Graham

Try placing this CSS into Theme Options> Advanced Settings for the topbar and let me know if it works for you:

@media (min-width: 401px) and (max-width: 767px) {
.kad-topbar-left {
    width: 100%;
}

.kad-topbar-right {
    width: 100%;
}

#topbar-search form {
    margin-left: 0;
}

.virtue_social_widget.clearfix {
    width: 40%;
    float: right;
    margin-top: -35px;
    margin-right: 10px
   }
}

@media (max-width: 400px) {
#topbar-search form {
    width: 60%;
    float: right;
   }
.virtue_social_widget.clearfix {
    right: 10px;
    position: relative;
   }
}

In Theme Options> Home Slider, try using the “Fullwidth Slider” option instead of the flex and let me know if you like that look better.

Your mobile menu font will be set in Theme Options> Menu Settings.

Hopefully this is helpful!

-kevin

Hi, that worked great! thank you so much.

Is there a way to move the menu below the slider? before i was using a logo instead of a slider as this placed the menu below but after moving to the slider it is now above.

Also can i remove the site name from where the logo used to be? it now says Th bag on my back at the top of the screen but i would like to remove that

Thank you again for your help, its already looking lots better
Graham

i managed to remove the site title in the logo area using this:
#logo {
display:none;
}

I just need to move the menu below the slider then it’ll be exactly as i want it

Thank you

Unfortunately this is not a feature of the free theme. To do so in the free would require use of a child theme and I’m not sure what changes you would need to make.

-Kevin