Return to previous page

Topic: Create a button on header

Tagged: button, header

javigilta

Participant

October 8, 2018 12:09 pm

Hi there,

Currently on my header I have this disposition:
https://prnt.sc/l3iw24

The “COMPRAR” option is not a button (Is not possible to “click” everywhere inside the shape). It has this shape and colours because I changed the “Menu styling” options.

However, I would like to change and put a button instead that menu. How can I do that?

Thanks!
Javi

#200687 copied to clipboard

Like

Rose Tyler

Support staff

October 8, 2018 12:34 pm

Hello,

Please provide your site URL and temporary wp-admin access so we can take a closer look.

Regards

#200693 copied to clipboard

Like

javigilta

Participant

October 8, 2018 2:28 pm

Here you have

Content is visible for topic creator and
support staff only.

#200706 copied to clipboard

Like

Rose Tyler

Support staff

October 9, 2018 2:24 pm

Hello,

You can activate Variant hamburger in Theme options > Header > Header layout. If this is not what you are looking for, describe the desired result in more details.

Regards

#200774 copied to clipboard

Like

javigilta

Participant

October 9, 2018 5:09 pm

Hi,

I would like to put a button like the “Get Started” button in the “Mobile” template:
https://prnt.sc/l42ovd

Now I have this:
https://prnt.sc/l3iw24
The option “COMPRAR” is not a button, I changed the background color of the menu and the border radius in “Theme Options > Menu Styling > Main menu links” to get the same shape, but is not a button.
The reason of the change is that now I only can click just over the letters to enter in the “Comprar” section (in the button you can click everywhere).

Thanks!

#200789 copied to clipboard

Like

Rose Tyler

Support staff

October 10, 2018 8:56 am

Hello,

On our demo “Get Started” is menu item also http://prntscr.com/l4bal8 (style was changed using custom css code http://prntscr.com/l4bbao http://prntscr.com/l4bbow )
On this demo https://xstore.8theme.com/demos/mobile/ you can see One page menu – https://youtu.be/51vKxOhZ7Gs https://xstore.helpscoutdocs.com/article/88-one-page-menu
Also, you can edit header structure file (xstore/headers/ folder) depending on header type that you use https://xstore.helpscoutdocs.com/article/32-child-theme

Regards

#200831 copied to clipboard

Like