Skip to main content
piixy
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
    Nancy OSheaCommunity 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
    BenPleysierCommunity 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
      BenPleysierCommunity 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
      BenPleysierCommunity 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!
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices