coworking theme

[Laura]

Hi. In the demo of the theme you have a side button that says BOOK A TOUR. How can I set up this button in our site. THank you. I read through all the documentation and can’t find it in the set up.
We appreciate your help.
Best regards.

[Sonnal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Dave

[Laura]

Hello, Here is the url of the site we are building: https://www.mysfirm.com/newsite/

Here is a screenshot of the side button we are talking about
https://imgur.com/a/KfJSbkd

[Sonnal S Sinha]

Hi,

Kindly follow these steps to setup book now button.

1. In Appearance > Menus, click the Screen Options button on top right side.

2. Under Show advanced menu properties, check CSS Classes.

3. Now expand last menu item to reveal the CSS Classes (optional) text input.

4. Enter bookatour class name and save your menu to apply the class to the menu item.

Regards,
Dave

[Laura]

Hi, we were able to create the button, thank you for the instructions.
But now, how do we get rid of this extra space on the right in order to make the menu to be on one line. It seems there is enough room to fit the menu and the button there, but we can not get rid of this space.
https://imgur.com/a/Rp2hmBp

THis is a screenshot.

Here is a link to the website
https://www.mysfirm.com/newsite/

Thank you.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#topmenu ul { margin-right:0 !important;}
.header.type1 .bookatour { margin:0 !important;}
#topmenu ul li a { padding:50px 20px !important;}
.header.type1 .bookatour, .header.type2 .bookatour { padding:9px 15px 7px 15px !important;}

Regards,
Dave

[Laura]

Hi, thank you. The code worked. I have been trying to make the top-bottom / line padding of the sub menu smaller, but every time I try to edit .sub-menu the sub menu stops working. Same Link to the site.
Link to screen shot is here:
#menu-item-356 .menu-item menu-item-type-post_type menu-item-object-page menu-item-356

[Laura]

We previously adjusted the padding of #topmenu ul li a, but we should be able set different padding for the sub menu. Thank you

[Sonnal S Sinha]

Hi,

Remove

#topmenu ul { margin-right:0 !important;}
.header.type1 .bookatour { margin:0 !important;}
#topmenu ul li a { padding:50px 20px !important;}
.header.type1 .bookatour, .header.type2 .bookatour { padding:9px 15px 7px 15px !important;}

Add this new css there

#topmenu ul { margin-right:0 !important;}
.header.type1 .bookatour { margin:0 !important;}
#topmenu ul li a { padding:50px 18px !important;}
#topmenu ul li ul li a { padding:12px 8% !important;}
.header.type1 .bookatour, .header.type2 .bookatour { padding:9px 15px 7px 15px !important;}

Regards,
Dave

[Author]

Posts