Hi Mike,

there is no jQuery scripts installed.
I only have a little custom css added and it is still in use:

.html_header_top.html_logo_center .av_header_transparency .logo img {
width: 30px;
}

/* Slider Style */

.slideshow_caption {
width: 175% !important;
height: 120% !important;
    
}

/*Hotspot Changes*/

#top .av-image-hotspot_inner {
    height: 18px;
    line-height: 18px;
    width: 18px;
    font-size: 8px;
margin-top: -2px;
margin-left: -2px;
}

.av-image-hotspot-pulse {
height: 40px;
width: 40px;
margin-top: -4px;
margin-left: -4px;
}

Plugins:

– Optimus
– Tawk.to Live Chat
– WP Supeer Cache
– Zen Menu Logic
– Aksimet

• This reply was modified 7 years, 1 month ago by deeennis90.

Since I have not been helped by you, I have written a code myself. It works, but it is certainly not the best solution. I hope now that someone from your team feels sorry for that and correct the code so that it is technically sound. At the moment I can not center the line with my code correctly.

CSS: 
#socket .container{
padding-top:0px;
padding-bottom:15px;
display: flex;
  align-items: center;
  justify-content: center;
}

#socket{font-size: 20px; text-align: center; margin-top: -1px; z-index: 1;}

@media only screen and (max-width: 768px) {
#socket .container, #socket{
    padding: 0 0px 10px 20px;
}
}

@media only screen and (max-width: 768px) {
#footer .textwidget {
    display: flex;
text-align: center;
    justify-content: center;
    align-items: center;
}
ul {font-size: 24px !important;}
li {font-size: 20px !important;}
}

@media only screen and (min-width: 980px ) {
#footer .textwidget {
    position: relative;
left: 2em;
text-align: left;
    justify-content: center;
    align-items: center;
}
}

@media only screen and (min-width: 1260px ) {
#footer .textwidget {
    position: relative;
left: 4em;
text-align: left;
    justify-content: center;
    align-items: center;
}
}

HTML for Socket:
<hr style="color:#989898; background-color:#989898; height:1px; border:none;"><p style="margin: 0 50px 5px 50px; text-align: center; font-family: 'Rajdhani', sans-serif !important; font-weight:500; font-size:20px; hyphens: none !important;">FRASCHE.DE &nbsp;&nbsp;WEB & MEDIEN AGENTUR&nbsp;&nbsp; CHONBURI 20150 &nbsp;&nbsp;TEL. +66 (0)8100 / 27805 &nbsp;&nbsp;<a href="mailto: (Email address hidden if logged out) " style="text-decoration: none;">INFO@FRASCHE.DE</a></p><p style="margin: 0 20px 0 20px; font-size:16px; color:#989898; text-align: center; font-family: 'Rajdhani', sans-serif !important; font-weight:500;">© 2019 - FRASCHE.DE &nbsp;&nbsp;DEUTSCHE WEB AGENTUR [nolink]</p>

HTML Column 1-3:
Column 1
<ul style="font-family: 'Rajdhani', sans-serif; font-weight:600;">
<li><span style="font-weight:800; font-size:20px; color:#989898; letter-spacing: 2px;">WHATSAPP</span></li>
<li style="margin-top:10px;">KOSTENLOSER KONTAKT ÜBER<br>WHATSAPP: IM HANDY AUF DAS<br> <a href="https://api.whatsapp.com/send?phone=66810027805&text=Anfrage%20über%20FRASCHE.de" target="_blank"><img style="vertical-align: middle;" src="https://frasche.de/wp-content/uploads/symb-whatsapp-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-whatsapp-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-whatsapp-off.png'" alt="Kontakt zu FRASCHE.de über WhatsApp aufnehmen"></a>&nbsp;&nbsp;SYMBOL KLICKEN!</li>
</ul>

Column 2
<ul style="font-family: 'Rajdhani', sans-serif; font-weight:600;">
<li><span style="font-weight:800; font-size:20px; color:#989898; letter-spacing: 2px;">RECHTLICHES</span></li>
<li><a href="https://frasche.de/impressum" style="text-decoration: none;">IMPRESSUM</a></li>
<li><a href="https://frasche.de/datenschutzerklaerung" style="text-decoration: none;">DATENSCHUTZ</a></li>
<li><a href="https://frasche.de/kontakt/#formular" style="text-decoration: none;">KONTAKT</a></li>
</ul>

Column 3
<ul style="font-family: 'Rajdhani', sans-serif;">
<li><span style="font-weight:800; font-size:20px; color:#989898; letter-spacing: 2px;">CONNECT WITH US</span></li>
<li><img style="float: left;">
<a href="https://www.facebook.com/frasche.de/" target="_blank"><img src="https://frasche.de/wp-content/uploads/symb-facebook-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-facebook-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-facebook-off.png'" alt="FRASCHE.de bei Facebook" style="margin: 15px 5px 0 0; width:82px; "></a>
<a href="https://twitter.com/frasche_de" target="_blank"><img src="https://frasche.de/wp-content/uploads/symb-twitter-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-twitter-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-twitter-off.png'" alt="FRASCHE.de bei Twitter" style="width:61px; margin: 15px 0 0 0;"></a>
</li>
<li><img style="float: left;">
<a href="https://www.instagram.com/frasche.de/" target="_blank"><img src="https://frasche.de/wp-content/uploads/symb-instagram-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-instagram-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-instagram-off.png'" alt="FRASCHE.de bei Instagram" style="width:82px; margin: 5px 5px 0 0;"></a>
<a href="mailto: (Email address hidden if logged out) "><img src="https://frasche.de/wp-content/uploads/symb-email-off.png" onmouseover="src='https://frasche.de/wp-content/uploads/symb-email-on.png'" onmouseout="src='https://frasche.de/wp-content/uploads/symb-email-off.png'" alt="Mail an FRASCHE.de" style="width:61px; margin: 5px 0 0 0;"></a>
</li>
</ul>

Hi Ismael,
That didn’t work.
I added login credentials.

This is the current code under Quick CSS:

#top .av_header_transparency #header_meta {
border-bottom: 0;
}

#socket .copyright { width: 100%; text-align: center; }
#socket .sub_menu_socket { margin-top: -20px; }

#footer { padding: 0 0 0 0; }

.cart_dropdown .cart_dropdown_link > span:before {
font-size: 30px !important;
}

a.cart_dropdown_link {
margin-left: -30px !important;
margin-right: -28px !important;
}

li.wc_payment_method.payment_method_stripe label img {
font-size: 30px !important;
}

.jb-85font { font-size: 85px; line-height: 75px; font-weight: bold;}

@media only screen and (max-width: 989px) {
/* Add your Mobile Styles here */
.av-overlay-on-hover .avia-image-container-inner .av-image-caption-overlay {
opacity: 1;
filter: alpha(opacity=100);
}
}

#top div .logo {
float: none;
position: absolute;
left: 50%;
z-index: 1;
transform: translate3d(-50%, 0, 0);
}

#top #header .av-main-nav > li {
top: 30px;
}

#top .header-scrolled .av-main-nav > li {
top: 20px;
}

Thanks,
Jeremy

• This reply was modified 7 years, 1 month ago by jeremysecondary. Reason: To keep some info private

Thanks Victoria,

I tried what you suggested and it didn’t work. I created a new page with the product grid. The page itself looked fine. I then changed the shop page to direct to the new page. The shop is still duplicated at the bottom. And in fact, when I open the newly created page (where i created my own product grid) it is now showing the orange bar/notice that reads “This page is set as the default WooCommerce Shop Overview and therefore does not support the Enfold advanced layout editor
(Learn more)”. I have no idea how it defaulted to that by manually created the new page and the grid as suggested. I saw the other work around that is said to be more complicated. I am new to this wp, therefore not comfortable with editing a php file.

Additionally, the shop page that is duplicated is showing the price 3 times – the woocommerce page and the page I created. A prior ticket was created requested a work around. I added the quick css script area under general styling as suggested and that did not work. My site is set to go live tomorrow and with all these suggestions that aren’t working – things are becoming more of a mess. Please help.

quick css snippet you suggested:
the script you told me to add to the quick css area: .price .woocommerce-Price-amount.amount:nth-child(1),.price .woocommerce-Price-amount.amount:before{
display:none!important;
font-size:15px;

}

.price{
font-size:0px!important;
}

————
thank you,
shannon

I tried what you suggested and it didn’t work. I created a new page with the product grid. The page itself looked fine. I then changed the shop page to direct to the new page. The shop is still duplicated at the bottom. And in fact, when I open the newly created page (where i created my own product grid) it is now showing the orange bar/notice that reads “This page is set as the default WooCommerce Shop Overview and therefore does not support the Enfold advanced layout editor
(Learn more)”. I have no idea how it defaulted to that by manually created the new page and the grid as suggested. I saw the other work around that is said to be more complicated. I am new to this wp, therefore not comfortable with editing a php file.

Additionally, the shop page that is duplicated is showing the price 3 times – the woocommerce page and the page I created. A prior ticket was created requested a work around. I added the quick css script area under general styling as suggested and that did not work. My site is set to go live tomorrow and with all these suggestions that aren’t working – things are becoming more of a mess. Please help.

quick css snippet you suggested:
the script you told me to add to the quick css area: .price .woocommerce-Price-amount.amount:nth-child(1),.price .woocommerce-Price-amount.amount:before{
display:none!important;
font-size:15px;

}

.price{
font-size:0px!important;
}

————
thank you,
shannon

• This reply was modified 7 years, 1 month ago by shannonjhester.

Hi, thank you very much. The code works for the checkout page and the various forms but I would like to increase the size of the font also of the variations of the products. I put the link to a specific page and the attachment to understand better. Thank you very much.

Thanks Victoria. Changing the line-height flattens the circle a bit, so I decided to just change the font size and left the line-height at 100px. Thanks for your help!

Hi Ismael,
No Worries.
Pass is below in Private content.
This is where the code is at currently as I kept trying to figure it out.
It’s close, but:
1. The base of the menu text isn’t aligned with the base of the logo
2. The menu isn’t on either side of the logo
3. The shrinking logo when user scrolls works, but the base of the menu text isn’t aligned with the base of the logo.

#top .av_header_transparency #header_meta {
border-bottom: 0;
}

#socket .copyright { width: 100%; text-align: center; }
#socket .sub_menu_socket { margin-top: -20px; }

#footer { padding: 0 0 0 0; }

.cart_dropdown .cart_dropdown_link > span:before {
font-size: 30px !important;
}

a.cart_dropdown_link {
margin-left: -30px !important;
margin-right: -28px !important;
}

li.wc_payment_method.payment_method_stripe label img {
font-size: 30px !important;
}

.jb-85font { font-size: 85px; line-height: 75px; font-weight: bold;}

@media only screen and (max-width: 989px) {
/* Add your Mobile Styles here */
.av-overlay-on-hover .avia-image-container-inner .av-image-caption-overlay {
opacity: 1;
filter: alpha(opacity=100);
}
}

#top div .logo {
float: none;
position: absolute;
left: 50%;
z-index: 1;
transform: translate3d(-50%, 0, 0);
}

Thanks so much!!