Modify Container Size and Menu Locations

Tagged: background, cian, COLOR, menu

This topic has 1 reply, 2 voices, and was last updated 6 years, 3 months ago by CreaboxThemes.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
February 9, 2017 at 12:36 pm #5620

Razvi
Participant

Attachment: http://keno.ae/wp-content/uploads/2017/02/KENO%20WEBSITE.jpg

I am modifying an existing website http://www.keno.ae it is using cian theme from your stable.

I want to the change the layout of the website elements and menu locations/behaviour as in the image attached.

I am new to WP and managed to change some bits since yesterday.

Can you pls. help me achieve my task.

1. How can I modify the menu locations – create two different menus one for header and one for footer?
2. How can I change the menu behavior from current (::before ::after to Underline and Bold Underline) as in the attached image?
3. How can I remove the blank spaces above and below the container on homepage?
4. How can I modify the image placement to be as in attached image?

February 10, 2017 at 8:39 am #5621
CreaboxThemes
Keymaster
Hi,

I have checked your image attached adn you have to change the code a lot to get that.
1. If you want to add a new menu to the footer, you have to set up your file functions.php. Look for the function cian_theme_setup() and add the next code at the end of the function:
```
register_nav_menus(
     array(
          'footer-navigation' => __( 'Footer Navigation', 'cian' )
     )
);
```
2. If you want that effect, add the next code to your file styles.css:
```
.horizontalMenu .menu li a:before{
     content: '';
     display: block;
     position: absolute;
     width: 100%;
     height: 1px;
     background: #5d5d5d;
     bottom: 10px;
     left: 0px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
.horizontalMenu .menu li a:hover:before{
     height: 5px;
}
```
3. Sorry but I don’t understand you. What blank spaces do you mean?
4. You have to add the next code to your file styles.css:
```
#box{
     width: 50%;
     float: right;
}
```
If you want, I can help you in exchange of a cost. The cost for this changes would be 20$.

Regards
Author

Posts