Modify Container Size and Menu Locations

Modify Container Size and Menu Locations

Support Forums Cian – WP Theme Modify Container Size and Menu Locations

This topic contains 1 reply, has 2 voices, and was last updated by  CreaboxThemes 2 years, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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?

    #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

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

You must be logged in to reply to this topic.