{"id":10610860,"date":"2018-08-21T15:25:00","date_gmt":"2018-08-21T15:25:00","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/mobile-navigation-sydney-theme\/"},"modified":"2018-08-21T15:36:31","modified_gmt":"2018-08-21T15:36:31","slug":"mobile-navigation-sydney-theme","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/mobile-navigation-sydney-theme\/","title":{"rendered":"Mobile Navigation &#8211; Sydney Theme"},"content":{"rendered":"<p>Hi Guys,<br \/>\nI would like to make the mobile view of my navigation similar to this page:<br \/>\nhttp:\/\/www.sergioaleksovski.com\/<br \/>\nThe problem on my website is that if the pixel size is more than 767px, the navigation will scale incorrectly. <\/p>\n<p>Fyi:<br \/>\n* Navigation minimalizmn *\/<\/p>\n<pre><code>@media only screen and (max-width:767px){\n\n    .header-wrap .container{\n    text-align: left;\n    }\n\n    .header-wrap .btn-menu{\n    float: right;\n    margin-right: 15px;\n    }\n\n    .header-wrap .col-md-4 {\n    max-width: 90%;\n    position: relative;\n    z-index: 2;\n    }\n\n    .header-wrap .col-md-8 {\n    margin-top: -70px;\n    }\n\t\n\t.btn-menu{\n\t\tpadding-top:20px;\n\t}\n\n    #mainnav-mobi {\n    top: 70px;\n    }\n    }\n\n\t\n\/* Active Navigation color *\/\n#mainnav-mobi { \n  background-color: rgba(221,207,184,0.9);\n}  \n\n#mainnav-mobi ul li {\n  border-color: #ffffff;  \n}  \n\n#mainnav-mobi ul &gt; li &gt; a { \n color: #ffffff; \n} \n\n#mainnav-mobi ul.sub-menu {\n  background-color: #ffffff;  \n}<\/code><\/pre>\n<p>I am satisfied with the mobile view. I would appreciate your help.<\/p>\n<p>Thank you very much \ud83d\ude42<\/p>\n","protected":false},"template":"","class_list":["post-10610860","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10610860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10610860\/revisions"}],"predecessor-version":[{"id":10610895,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10610860\/revisions\/10610895"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=10610860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}