Topbar change on Mobile view only

Support
#1

This is a return to an old subject and is about the mobile view only, not the desktop views. The url is https://www.anacorteskayaktours.com/

Thank you.

Current code (with your help) is
@media (max-width: 979px){
.x-topbar .p-info {
background: transparent;
}
.x-topbar .p-info a:nth-child(4),
.x-topbar .p-info a:nth-child(5)

{
display: none;
}
}

I would like instead to remove the contact button and have the local phone number (tel:3605881117) but I am unable to get it to work. Can I ask for help again?

#2

Hi there,

Please update this code:

.x-topbar .p-info a:nth-child(4), 
.x-topbar .p-info a:nth-child(5) {
    display: none;
}

to

.x-topbar .p-info a:nth-child(4), 
.x-topbar .p-info a:nth-child(3) {
    display: none;
}

Please check this link for more information about CSS nth-child:

https://www.w3schools.com/CSSref/sel_nth-child.asp

Hope this helps.

#3

Thank you.

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.