Skip to main content
piixy
Inspiring
October 10, 2019
Question

just moved my muse site into dreamweaver ,pls help moving navigation to left

  • October 10, 2019
  • 4 replies
  • 1753 views

HI! I just imported my site from muse, all looks fine except the navigation , i would really appreciate your help in telling me how to move it to the left as it is getting over the logo , thanks!

In muse this would be done inside the Masters  , not sure how to access it here ,

pls check here navigation over logo www.roulasorour.com

 

    This topic has been closed for replies.

    4 replies

    Nancy OShea
    Community Expert
    Community Expert
    October 14, 2019

    For consistent layout and sitewide navigation on small sites (less than 50 pages), look at Dreamweaver Templates.   

    https://helpx.adobe.com/dreamweaver/kb/benefits-using-templates.html

     

    Unlike Templates, include files are a server-side technology. 

    https://alt-web.blogspot.com/2015/07/server-side-includes-with-php.html

    Nancy O'Shea— Product User & Community Expert
    piixy
    piixyAuthor
    Inspiring
    October 18, 2019
    Many thanks Nancy and BenPleysier will look into it 🙏🙏
    BenPleysier
    Community Expert
    Community Expert
    October 10, 2019

    Because Dreamweaver facilitates using Bootstrap, and because this is the quickest way for me to show you an example, the following is a bootstrap reconstruction of your home page. Copy and paste it into a new document

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <style>
    html, body {
    background-color: lightgrey;
    }
    </style>
    </head>
    <body>
    <div class="container">
    <div class="row mt-5">
    <div class="col-xl-2 order-xl-2">
    <img src="https://roulasorour.com/images/roula.png?crc=533987347" alt="my logo">
    </div>
    <div class="col-xl-10 p-0">
    <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent1">
    <ul class="navbar-nav mr-auto">
    <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    </ul>
    </div>
    </nav>
    </div>
    </div>
    <div class="row">
    <div class="col-xl-10">
    <img src="https://roulasorour.com/images/va_kipling.jpg?crc=260770516" class="img-fluid" alt="my image">
    <p class="mt-4">The Kipling Spirit , Fine art inkjet print on Hahnemühle Bright White Photo Rag mounted on Dibond 150x90cm , Ed.1/1 – 2017 I've always sat in awe admiring V&A 's brick facade. Little did i know that Lockwood Kipling (Rudyard Kipling's father)started his career as an architectural sculptor at the South Kensington Museum (V&A) Britain's greatness like that of the V&A relies so much on cultural diversity</p>
    </div>
    <div class="col-xl-2">
    <p class="mt-5 text-center"><img src="https://roulasorour.com/images/twitter_site.png?crc=3994207374" alt="twitter"> <img src="https://roulasorour.com/images/email.png?crc=499373497" alt="email"></p>
    </div>
    </div>
    <div class="row">
    <div class="col-xl-10 text-center">
    <p> ©2019 roula sorour All Rights Reserved</p>
    </div>
    </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    </body>
    </html>

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    piixy
    piixyAuthor
    Inspiring
    October 10, 2019
    Hi Ben!! Million tkx will try that🙏🙏
    BenPleysier
    Community Expert
    Community Expert
    October 10, 2019

    First up, there is a left margin for the menu as per

    Then there is this image container that has a left margin pushing the image to the right as per

     

    Further more, I see so many confusing style rules that, in my opinion, the whole of the CSS needs to be looked at (read: deleted), thanks to Muse.

     

    When I get the time, I'll come up with an alternative or maybe @osgood_ will help out.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    BenPleysier
    Community Expert
    Community Expert
    October 10, 2019

    I am sorry, nut while I am trying to sort out the proble, the website is changing. I'll wait until you have finished.

     

    Edit: please ignore, it was me doing the changing.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!