Return to previous page

Logo, New in Shop and Menu on mobile - by sonic

This topic has 13 replies, 4 voices, and was last updated 10 years ago ago by Eva Kemp

sonic

Participant

November 24, 2015 at 16:14

Hi,

pls look at these two screenshots:
1. http://prntscr.com/96es3w
2. http://prntscr.com/96es9z

I want to achieve the following:
1. The logo is not resizes automatically, it should be central in the middle and not cut. How? (1st screenshot)
2. The basket on top is too low and should be aligned with the account in the middle of the top green banner (1st screenshot)
3. The text of the dropdown menu is dark grey on black background. How can i change both colours? (not visible on screenshot)
4. There is a huge white space between the bestseller widget on top and the new in at the bottom. How can i reduce this white space? I already fixed that only 2 items are shown but the white space still exists… (2nd screenshot)

Thanks for your help
Stefan

#101106 Copied

12 Answers
Robert Hall

Participant

November 24, 2015 at 16:33
Hello,

Please use the following code in custom.css.
1)

@media (max-width: 480px){ .logo img { max-width: 200px !important; }}

2)

@media (max-width: 480px){ .shopping-cart-widget .cart-summ { margin-top: -10px; } }

3)

.mobile-nav, .side-block .close-block, .et-mobile-menu li > a { background-color: #6B2323; }

.et-mobile-menu li > a{ color: #F1ECEC; }

4)

@media (max-width: 480px){ .owl-carousel .owl-item.loading { height: 450px; } }

Regards,
Robert Hall.
#101113 Copied
sonic

Participant

November 24, 2015 at 22:56

Hi Robert,

thank you so much for your fast answer.

1.) Perfect, thanks
2.) How can i change the colour of the icon of the basket as well as the text? Its grey now and i want it to be white
3.) Perfect, thanks
4.) This didnt work, the space between the “bestseller” widget on top and the “new in” at the bottom is still very large. Any other idea?

Thanks again!

#101187 Copied
Brian Johnson

Member

November 25, 2015 at 07:48
Please add following code into the custom.css:
1)

@media (max-width: 979px){ .header5 .shopping-cart-widget .cart-summ > a{color:white;} .shopping-cart-widget .items{color:white!important;} .shopping-cart-widget .for-label{color:white!important;}}

Regards,
Brian Johnson
#101208 Copied
sonic

Participant

November 25, 2015 at 09:22

Hi Brian,

1.) the word warenkorb (“basket”) is now white (thanks!) but the icon and the price is still grey and green. How can I change the colour of the icon and the price/amount.
2.) What about my point 4 above?

Thanks!
Sonic

#101234 Copied
Brian Johnson

Member

November 25, 2015 at 09:48
+4)Please replace previous code with this one:

@media (max-width: 979px){ .header5 .shopping-cart-widget .cart-summ > a{color:white;} .shopping-cart-widget .items{color:white!important;} .shopping-cart-widget .for-label{color:white!important;} .shopping-cart-widget .price-summ {color:white!important} .top-bar .my-account-link:before{color:white!important;} .slider-4774 {margin-top: -100px;}}

Regards,
Brian Johnson
#101238 Copied
sonic

Participant

November 25, 2015 at 10:13

Hi Brian,

almost there 😉 The basket-icon is still grey (the word “warenkorb” and the price are white), any chance we can solve this?
http://prntscr.com/96pc2g

Also, the space explained in point 4) above still persists…any idea?
http://prntscr.com/96pc6c

Thanks
Sonic

#101245 Copied

Brian Johnson

Member

November 25, 2015 at 11:21

Please use this code for 4) point:
.slider{margin-bottom:-90px;margin-top:-20px;}
@media (max-width: 979px){
.shopping-cart-widget .cart-summ > a:before{color:white!important;}}

Regards,
Brian Johnson

#101249 Copied

sonic

Participant

November 25, 2015 at 11:25

that worked, thanks!

#101251 Copied

sonic

Participant

November 25, 2015 at 12:12

Hi Brian,

sorry, now i saw that it doesnt work anymore on the iPad when holding it upright. The basket, price and icon cannot be seen anymore, pls see my screenshots:
http://prntscr.com/96qbsu
http://prntscr.com/96qbwm

Pls help!

Thanks
Sonic

#101258 Copied
Eva Kemp

Participant

November 25, 2015 at 15:38
Hello,

Please change the code in custom.css file from:

@media (max-width: 979px){ .header5 .shopping-cart-widget .cart-summ > a{color:white;} .shopping-cart-widget .items{color:white!important;} .shopping-cart-widget .for-label{color:white!important;}} @media (max-width: 979px){ .shopping-cart-widget .cart-summ > a:before{color:white!important;}}

to

@media (max-width: 480px){ .header5 .shopping-cart-widget .cart-summ > a{color:white;} .shopping-cart-widget .items{color:white!important;} .shopping-cart-widget .for-label{color:white!important;}} @media (min-width: 480px){ .shopping-cart-widget .cart-summ > a:before{color:white!important;}}

Regards,
Eva Kemp.
#101307 Copied
sonic

Participant

November 25, 2015 at 17:51

ok, thanks

#101333 Copied

Eva Kemp

Participant

November 25, 2015 at 19:48

Hello,

You’re welcome.

Regards,
Eva Kemp.

#101360 Copied
Viewing 13 results - 1 through 13 (of 13 total)