Return to previous page

VC buttons - by jeremy - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Andrew Mitchell

jeremy

Participant

August 8, 2016 at 14:04

Hi,

I am using 2 buttons on the page below. For devices from 0 to 767px, the first button stays at the top but the second button goes to the bottom of the page. How can I have these 2 buttons next to each other, as displayed for devices +768px?

Thank you.

Please, contact administrator
for this information.

#135974 Copied

8 Answers

Andrew Mitchell

Support staff

August 9, 2016 at 07:23

Hello, we glad the you using your theme.
Please, provide admin panel access.

#136049 Copied

Robert Hall

Participant

August 9, 2016 at 07:26

Hello,

Try to create another Row element with these buttons at the top of page in the Visual Composer editor.

Regards,
Robert Hall

#136050 Copied

jeremy

Participant

August 9, 2016 at 08:31

Hello,

It doesn’t work, please find:

Please, contact administrator
for this information.

#136064 Copied

Andrew Mitchell

Support staff

August 9, 2016 at 09:15

We was added some custom CSS code for this page now you can check the page.

Regards,
Andrew Mitchell

#136074 Copied

jeremy

Participant

August 9, 2016 at 10:17

Hi,

Thank you, what code do you add and where?

Thanks.

#136088 Copied
Andrew Mitchell

Support staff

August 9, 2016 at 10:50
First we added custom class (et-for-mobile) to (Onglet) vc element.
Then added custom class to each (Section) of (Onglet), for first section it was (et-first-mobile) and for second – (et-second-mobile).
For first (Espace vide) of each section we added (et-mobile-space) css class.
And finally added custom css code for this page in to specific field.
http://prnt.sc/c3g2pe
http://prnt.sc/c3g2yq

@media (max-width: 767px){ .et-for-mobile .vc_tta-panel-heading{ position: absolute; display: inline-block; width: 50%; z-index: 9999999999; } .et-for-mobile .et-first-mobile .vc_tta-panel-heading{ left: 0; } .et-for-mobile .et-second-mobile .vc_tta-panel-heading{ right: 0; top: -30px; } .et-for-mobile .et-mobile-space{ margin-top: 20px; } .vc_active .vc_tta-panel-title{ border-color: #f34827; background-color: #f34827; } .vc_active .vc_tta-panel-title a{ color: #fff!important; } }

Regards,
Andrew Mitchell
#136094 Copied
jeremy

Participant

August 9, 2016 at 12:40

Great, thank you!

#136123 Copied

Andrew Mitchell

Support staff

August 9, 2016 at 12:45

You are welcome.

Regards,
Andrew Mitchell

#136124 Copied
Viewing 9 results - 1 through 9 (of 9 total)