mobile site problems

[Attila Nagy]

I have the following problems on the MOBILE site of doctorhouse.hu (desktop is all ok):

MAIN PAGE

1. in the section “Hogy működik a laptop szerviz?” you can see only part of the background picture, it would be the best if nothing would
be seen of the man, only the same light gray background color
2. if you scroll down to the brand logos they are not in the center
3. footer is not aligned well “Marketing ügynökségünk – 360 Marketing – Google hirdetés” should be in one line

ON ALL PAGES

1. the address (1146 BP Thököly út 77.) is not aligned correctly, it is to the right compared to the email and mobile number
and spacing between the lines is also not equal (it would be the best to put all lines to the center with equal spacing between the lines)
2. email address and phone number is not clickable

ON ALL SUBPAGES

1. The background color of the header is gray but it should be black

ON “ELÉRHETŐSÉGEK” SUBPAGE

1. You can see big green rectangles. The color and width is ok but the height of the rectangles should be only 20 pixels.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.skt-builder-block-wrapper.skt-builder-home-section4-block.skt-builder-home-section4-block-1153 {
    background-image: none !important;
    background-color: #f1f1f1 !important;
}
.skt-builder-columns-block-2027 .skt-builder-columns-row-5column .skt-builder-column { text-align:center;}
.topaddress { padding-left:0 !important;}
.header { background-color: rgba(0,0,0, 1) !important;}
#skt-builder-menu-block-48 img.skt-builder-menu-column-image {
    height: 20px;
}
}

Regards,
Chris

[Attila Nagy]

Dear Chris!

Thanks for your help I reall appreciate it!

There is just one problem left

1. In header vertical space between “1146 BP Thököly út 77” and “[email protected]” and “06 30 44 00 486” are not equal
and phone nuber is too close to menu

Thank you if you can fix that!

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.header-right { padding-bottom:20px;}
.header-right .topaddress, .header-right .emltp, .header-right .sintp { padding:15px !important;}
}

Regards,
Chris

[Author]

Posts