Second menu

Hey,
The mobile navigation is meant to replace both the primary and secondary navigation. However, if you would like both you can use this css:

#nav-second ul.sf-menu {
    display: block !important;
}

Just paste that into your custom css box in Theme Options > Advanced Settings.

Hannah

Hi Hannah
Thanks For yoir reply.

i’ve another issue.I’ve added a text widget in topbar with a shortcode. but i would like to change the styling of it. they way it looks now its just not rite. could you please assist me to sort it out ?

kind regards.
Koustab

Hard to know the correct css without a link. What shortcode are you using? What exactly isn’t right and how are you wanting it to change?

Hannah

Hi
Here is the link https://aphilatelicoutlet.com

I want to show a login / sign up link on top along the side cart and search, I came across of a plugin called wc login / sign in which provide a shortcode, but when I’m adding it in the top bar the search bar no showing and the hello ( user id ) is showing in the middle with some generic text style. Could you please tell me how to sort it out or is there any other way to do it without the plugin ?

Regards
Koustab

Hi Hannah

Just thought to be more specific.

All I want is a login and signup option which
Will show welcome ( user id )if the user is logged on plus cart next to it on the left side and the search form on the right side. On the responsive view login and sign up option going to be on the top then the cart and the the search form under.

Could you kindly assist me to customise the top bar.

Koustab

Hey,
Try adding this css:

.col-md-6.col-sm-6.kad-topbar-left {
    float: right;
}
.topbarmenu.clearfix {
    float: right;
}

Does that work for you?

Hannah

Hi
I’ve tried ur Code didn’t made any change. I think I’ve messed it up.

I think I’ve kind a figure it out how to put the login / signup on the left, but cannot place the cart next to it and all the attempts to add a search form has flopped.

Do you have any solutions ?

Alright, remove this:

.topbarmenu.clearfix {
    float: right;
}

Then add this:

.topclass .form-search {
    display: inline-block;
}
@media (min-width: 992px) {
.col-md-6.col-sm-6.kad-topbar-left {
    width: 25%;
    margin-right: -150px;
}
}

Does that work?

Hannah

hi
ive figured it out. by placing this code in custom CSS

.topbar-widget .textwidget {
float: right;
margin-right: -510px;
margin-top: 7px;
display:block;
z-index:9999;
}

it works fine on computer screen and tablets. but on the mobile screen its all messed up. cart showing on the top then search and then the login signup. all i want is search on top login sign up after and then the cart. could you kindly suggest me the css to sort it out please.

regards

You can just wrap it in a media query:

@media (min-width: 992px) {
.topbar-widget .textwidget {
float: right;
margin-right: -510px;
margin-top: 7px;
display:block;
z-index:9999;
}
}

Hannah

I’ve used the following cos when I’m using 980px its not showing nothing in mobile Portrait view.
@media only screen (min-width: 767px ) {
.topclass ul li a {
height: 190px;
}
.topbar-widget .textwidget {
margin-right: 40px;
margin-top: -80px;
display:block;
}
#topbar-search {
margin-top: -140px;
margin-left: 20px;
}
.kad-cart-total {
position: relative;
}
.cart-contents {
text-indent: -9999px;
min-width: 70px;
}
.cart-contents .amount {
text-indent: 0;
position: absolute;
margin-top: 20px;
margin-right: -85px;
right: 10px;
}
.cart-contents .amount:before {
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
content: “\f07a”;
padding-right: 10px;
}
}

Also this set of code occurring an issue on the mobile landscape and tablet portrait view.

I’m honestly not sure I’m following anymore…sorry! You’re wanting that css to only effect mobile, correct? If so, you need to change your media query. Change this: min-width: 767px
to this: max-width: 767px

Hannah

not resolved buti will add another topic rather then using this one