Top menu going second line and image carousel height width issue

3 replies · opened Nov 11, 2016

CcreativeweblogoNov 11, 2016

Hello,

I have 2 major issues. please help me to solve.

  1. My website top menu going second line and not well aligned, when i increasing the size of top right advert. area, the menu going second line, i want to adjust it one line, please help me.

  2. In my web page bottom i used a owl carousel, but i want to increasing the image height and width. Please help me how i can increasing carousel image height and width.

Site url

http://portfoliowindow.com/work_concept/humtum-new/

SSemicolon WebSTAFFNov 14, 2016

Hello,

We Really Apologize about the Inconveniences caused!

  1. Currently, the Height of the Header is Limited to 100px in Height and to use a Custom Height for the Header, you will need to Generate a Custom Height for the Header Height from here: http://support.semicolonweb.com/header-height-css-generator/ and use the CSS.

Additionally, you also have a Lot of Menu Items in the Primary Menu for the Available Width, so it is recommended to use the following CSS Codes to control their Font Size and Spacing in order to fit the Menu Items in one line:

.device-lg #primary-menu ul li > a,
.device-md #primary-menu ul li > a {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	letter-spacing: 0;
}
  1. The Height of the Carousel Items is flexible, so simply adjust the Value of the data-items Attribute of the .carousel-widget Element according to your needs and everything will automatically start working as expected.

Thanks for your Patience. Do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFNov 15, 2016

Hello,

This is Definitely Possible! Please consider using the following CSS Code:

#top-bar {
	height: 37px;
	line-height: 36px;
}

.top-links ul li { height: 36px; }

.top-links li > a { height: 36px; }

.top-links ul ul,
.top-links ul div.top-link-section { top: 36px; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
	height: 36px;
	line-height: 36px;
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard