Joomla Templates Club 406,261 posts

[desiretart Friend desiretartJoin date: March 2009Posts: 75Downloads:19Uploads:8 Thanks: 20]

#894510

Dear All

I am trying to customize the header "Header : fullscreen-overlay-menu" incrementing the height to 104px; centering the logo; and move to left side the trigger-overlay however I can not do it. Please find attached a screenshot

Could you please guidance me?

Thank you very much

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#894517

Hi
to make style customization i suggest you to use inspect element /firebug tool
For example for height here : http://prntscr.com/aawa6r
use this code in custom.css file increase the height value in the below code

.uber-header.fullscreen-overlay-menu {
    height: 52px!important; }

Logo is defined in float: left
You need to do custom work in acm header files . Remove pull-left class for logo > http://prntscr.com/aawdfk
Then add this code in custom.css

.logo-control .logo-img {
    margin: 0 auto;
}

div.logo-image {
    float: none!important;
}

[desiretart Friend desiretartJoin date: March 2009Posts: 75Downloads:19Uploads:8 Thanks: 20]

#894750

This reply has been marked as private.

[desiretart Friend desiretartJoin date: March 2009Posts: 75Downloads:19Uploads:8 Thanks: 20]

#894820

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#895103

Hi
You need to change the `
<div class="logo pull-left">

into

<div class="logo ">

and add the code in custom.css file . I tried to do this on your site but the site admin super user details are not working at my end.

[desiretart Friend desiretartJoin date: March 2009Posts: 75Downloads:19Uploads:8 Thanks: 20]

#896255

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896321

Hi
The super user details you sent does not working for me . Kindly provide the working site super user details so i can check it on your site .

[desiretart Friend desiretartJoin date: March 2009Posts: 75Downloads:19Uploads:8 Thanks: 20]

#896333

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896347

Hi
You are using 2 header module on homepage Kindly use 1 module
Here > http://prntscr.com/acjdyy

TO make logo in center i tried same code in custom.css file

.container div.logo-image {
    padding-left: 160px!important; }

Here : http://prntscr.com/acjg5k
You need to do custom work yourself to apply media queries for logo class .
To make the height 140px add this code in custom.css file

.uber-header {
    height: 140px!important;
}

1 user says Thank You to Pankaj Sharma for this useful post

1. desiretart

[desiretart Friend desiretartJoin date: March 2009Posts: 75Downloads:19Uploads:8 Thanks: 20]

#896355

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896381

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#896382

This reply has been marked as private.

[Author]

Posts