Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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>
Copy link to clipboard
Copied
Copy link to clipboard
Copied
Copy link to clipboard
Copied
Copy link to clipboard
Copied
Sorry for my late reply! Not sure what you mean by an include file. Whatever is easier and quicker.
tkx
Copy link to clipboard
Copied
There are quite a few different workflows, such as straight out coding, using frameworks or template engines etc. If you do not know what they are, then you do not use that workflow which is OK.
So to answer your question, yes, the mnu bar will be the same for all of your pages.
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied