subheader navigation need to visible on mobile version

Sure, add this to your CSS:

@media only screen and (max-width: 768px){
.full_header {
    display: block !important;
}
}

@media only screen and (max-width: 768px){
.full_header, #subheader_menu {
    display: block !important;
}
}

You should now be good!

I want to do the same thing, and the following works for all contact details…

@media only screen and (max-width: 768px){
.full_header, #subheader_menu {
display: block !important;
}
}

…But how can I only display the phone number, instead of the email and social media as well? Is there a way I can select only the phone numnber?

Speak soon,

Chris

Yes, you could use the pseudo class (n:th child), for example try this:

.header_contacts .header_contact_item,
.header_soc_icon {
    display: none;
}
.header_contacts .header_contact_item:nth-child(2) {
    display: block;
}

Just gave this a go but it’s not showing for some reason…
Can you take a look at http://www.robinsonslondon.com?

I’ve also tried adding !important but no luck.

Speak soon,

Chris

@media only screen and (max-width: 768px){
.full_header,
.header_contacts .header_contact_item:nth-child(2) {
    display: block !important;
}
.header_contacts .header_contact_item,
.header_soc_icon {
    display: none;
}
}