-
Posts
-
Good Afternoon!
I am working on a new website and the client would like to have the “Pay Online” button that I have in the navigation to be in the open space under the phone number on the right hand side. I was following a thread but it did not specify how to do this in the empty white space.Got any tips? They were wanting the placement to be how you see it on this example website: https://lakelandliquidation.com/ I just want it to look much nicer!
Thanks so much in advance,
~AmandaHello there Jordan!
Thanks for the help. I was able to get it on the page with your help but now I can’t seem to get it lined up with the logo on the left side. When I added the header widget it added a ton of padding. I want the logo to be on the left and directly across from it the pay online button to be on the right. When I started adding code to it, it seems I had to do it via “margins” but it was adding extra margin top instead of lining it up.
I also noticed that when I pull it in for tablet mobile it vanishes since it seems to be in a fixed position.
Thanks in advance for your help :)
~AmandaHi,
Add this to quick css:
#text-6.widget clearfix.widget_text{ position:absolute; }This should fix desktop, but it doesn’t seem to be a button, but rather a link on tablet.
Best regards,
Jordan ShannonGood Morning Jordan,
I tried that and it moved it to the side but the margin & padding top is still off. The logo and the floating Pay Online (blue) button need to be completely horizontally inline with each other.
What do you suggest to get them all lined up?
Thanks!
~AmandaHi,
Try adding this to quick css:
@media only screen and (min-width: 767px) { #text-6{ position:absolute!important; left:70%!important; }}Best regards,
Jordan Shannon
- The topic ‘Pay Online Button in Open Header’ is closed to new replies.