Return to previous page

Top bar static - by kordicpetar - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Eva Kemp

kordicpetar

Participant

February 6, 2017 at 09:47

Hi,

How can I make top bar static on desktop and mobile. To be always visible.

I added this but now top bar is visible only on desktop but not on mobile

.header-type-3 .top-bar, .header-type-4 .top-bar {
position: fixed !important;
width: 100% !important;
z-index: 999 !important;
}

@media (max-width: 767px){
.admin-bar .fixed-header-area.fixed-already {
top: 84px !important;
}}

.header-type-3 .main-nav .double-border, .header-type-4 .main-nav .double-border {
padding-top: 38px;
}

@media (max-width: 979px) and (min-width: 768px){
.header .logo {
padding-top: 15px;
}}

@media (max-width: 767px){
.table-row {
padding-top: 15px;
}}

@media (max-width: 767px){
.top-bar .container {
padding: 4px 0;
position: fixed !important;
width: 100% !important;
z-index: 999 !important;
background: #fff;
}}

How can I achive this?

#154052 Copied

1 Answer

Eva Kemp

Support staff

February 6, 2017 at 09:49

Hello,

Please show your site url and provide WP Dashboard credentials in private content.

Thank you.
Regards,
Eva Kemp.

#154054 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Grocery Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Sneakers Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Store – WordPress WooCommerce Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

Glasses Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.