background at top of site

cspgsl

admin url = https://awdtest3.com/administrator/?hobo

There is a small padding at the top of the page that is white and I cannot find the element to get rid of it.

thanks

Ninja

cspgsl
Hi
May i know in which device and browser you have this issue?
I tested it in the Google chrome and its showing fine http://prntscr.com/qhbsg8
http://prntscr.com/qhbshj

cspgsl

Desktop - Chrome, Edge and Firefox

iPad in Chrome

Also, the mobile menu does not appear on a phone screen

Ninja

cspgsl
Hi
Lets discuss about the current subject of this topic for the background.
I tested in PC chrome : http://prntscr.com/qhrcwc
Ipad : http://prntscr.com/qhrd74
Your server has some issue with the domain as i am getting 404 on the image in IE and FF https://awdtest3.com/images/joomlart/slideshow/slider1accounting.png
can you check with hosting if there is any permission issue,

cspgsl

Not sure what happened there. All images are working now on all browsers but I can still see a white strip above the page on each one and my iPad. I have highlighted it in the image.

Ninja

cspgsl
Hi
its because of custom changes you added in this file
/templates/ja_justitia/local/css/custom.css?v=1.1
kindly remove the changes one by one and check

cspgsl

I have found the problem element but don't know how to fix it.

The issue is the font size declaration in the following element in custom css.

When I use the original 0.8667rem the empty space disappears but when I change it to 1.2em, the space is there.

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff;
	font-size: 0.8667rem;
/*    font-size: 1.2em;*/
    font-weight: 700;
    line-height: 3.077;
    text-transform: uppercase;
}

Kindly let me know what I have to do to increase the size of the menu font.

thanks

Ninja

cspgsl
Hi
use this code


.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.077;
    text-transform: uppercase;
}

Line height value is making this space.

cspgsl

Thank you