Header height and navigation width

Hello,

Apologies about the misunderstanding, however, we are not really sure about your query. It would be great if you can please provide us with more detailed instructions or a screenshot of what you are trying to edit so that we can provide you with a more accurate reply.

Meanwhile, regarding your queries:

1. Consider using this CSS Generator for your Custom Header Height: http://support.semicolonweb.com/header-height-css-generator/ .

2. To change the Width of the Primary Menu, simply use the following code:

#primary-menu { max-width: 700px; }

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thank You so much for providing us with a more explained example.

1. This is the Height of the Slider Area. Simply use the following code, to modify the Height of the Slider:

	...

1. As you have already used the following code:

This will automatically make the Header and the Menu within the Container.

This will definitely work fine. Hope this Helps!

Currently, you cannot edit the Replies after creating them to avoid discrepancies. We will introduce more options for this in the Future.

Let us know if we can help you with anything else or if you find any further issues.

Hello,

You can simply add the following attributes to the .slider-element DIV to set heights according to the Devices:

You can change the Values according to your needs.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

You will need to add this Code replacing the older #slider Codes in the HTML Page. Also the data-height-*="300", where the ***** stands for Device Size, you will need to change the Value 300 according to the Height you want to display in Each Device. Suppose, if you want to display 300px in XL (>1200px) Device and 400px in LG Device (991px) then you will have to use data-height-xl="300" and data-height-lg="400". This goes the same way for other device sizes.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Oh Wow! We Really Apologize about the Inconveniences caused regarding this along with the unnecessary delays. We will run more tests as to why this is not working as expected. Meanwhile, consider using the CSS Code below:

.device-xl #slider { height: 400px !important; }

.device-lg #slider { height: 400px !important; }

.device-md #slider { height: 400px !important; }

.device-sm #slider { height: 400px !important; }

.device-xs #slider { height: 400px !important; }

This will definitely work fine. The Responsive Classes are as follows:

.device-xl – Class for Large Devices >=1200px

.device-lg – Class for Medium Devices >=992px to 1199px

.device-md – Class for Tablets

.device-sm – Class for Landscape Mobiles or Phablets.

.device-xs – Class for Portrait Mobiles

You will need to add any Custom CSS codes in the css/custom.css File. Additionally, make sure that you have checked out the Documentation > Start > Customization Section for complete details on how to use the css/custom.css File.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.