Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Responsive header and header widget

Home / Forums / Virtue Theme / Responsive header and header widget

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme
December 5, 2014 at 9:11 am

I am using custom CSS in theme options to make my header align left 60% and my header widget align right 40% and this looks perfect on a desktop. However, when viewed on a mobile device the logo is tiny all squished up and the header widget text is massive but all on one side.

This is the site:

This is the CSS I am using:
.kad-header-left {
width: 60%;
float: left;
}
.kad-header-widget {
float: right;
width: 40%;
text-align: left
}

Is there a way to keep the look but on both mobile and desktop? please

many thanks
Nic

  • The forum ‘Virtue Theme’ is closed to new topics and replies.