Support » Theme: Virtue » Editing Mobile Site

  • Hi guys,

    How can I go about editing the mobile site – or rather its individual elements – independently? For example I’ll like to increase the logo size for on mobile but not for the web version.



Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Kadence Themes


    Well what you need to do is upload a logo the size you want it on desktop, not an image 3940px by 646px.

    and don’t add the custom css:

    #thelogo img {
    width: 50% !important;

    That css is what is causing the problem.

    Kadence Themes

    Hi Ben,

    Thanks for the advice, it worked and the mobile site looks better.

    However its the alignment of the top bar icons and footer menu that needs some fine tweaking. I’ve looked at previous posts with the same issue and tried to use the solutions but to no avail. Can we edit the mobile elements without affecting the web version?

    Thanks Ben!

    Theme Author Kadence Themes


    You can edit the css for mobile by using media queries in css. For example:

    @media (max-width: 768px) {
     Put your css in here

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Editing Mobile Site’ is closed to new replies.