Is there is possibility to have a full width dropdown with a wrapper that has a width of 1024px?

I have a question, is it possible to have a full width dropdown menu when my wrapper has a width of 1024 px? Because I am having problems with my dropdown menu. Though, it is not yet working with the hover but Im still trying to style my dropdown menu.

Here's my code..

from my index.html

<div id ="lower-header">
    <div class="wrapper">
        <img src="images/logo/logo_01.png">
        <ul>
            <li>
                <a href="#">KU 스타트업</a>
                    <div class="sub-menu-whole">
                        <div>
                            <img src="images/bg/bg_sub_01.png">
                        </div>
                        <div class="column">
                            <ul>
                                <li>
                                    <a>인사말</a>
                                </li>
                                <li>
                                    <a>창업부서소개</a>
                                </li>
                            </ul>
                        </div>                          
                    </div>
            </li>
            <li><a href="#">프로그램</a></li>
            <li><a href="#">스타트업 리더</a></li>
            <li><a href="#">창업보육</a></li>
            <li><a href="#">창업멘토단</a></li>
            <li><a href="#">커뮤니티</a></li>
        </ul>
    </div>
</div>

This is my CSS code: style.scss

#lower-header{
background-color: #ffffff;
height: 100px;
position: relative;
width: -webkit-fill-available;
z-index: 1;
    img {
        float: left;
        margin-top: 33px;
    }
    ul {
        list-style: none;
        display: block;
        float: left;
        margin: 17px 0px;
        padding-left: 30px;
        li {                
            display: inline-block;
            font-size: 17px;
            font-weight: bold;
            padding: 16px 19px;
            height: 73px;
        .sub-menu-whole {
            background-color: #ffffff;
            height: 360px; 
            /*position: absolute;*/
            z-index: 1;
            margin-top: 44px;
                &amp;:after {
                    content: "";
                    display: table;
                    clear: both;
                }
            div {
                position: absolute;
                margin: -33px 0;
                padding: 0;
                div {
                    float:right;
                }
            }
        }
        a {
            text-decoration: none;
            color: #000000;

            &amp;:hover {
                color: red;
            }                   
        }
    }
}

#html #css

What is GEEK

Buddha Community

Jonathan Lambert

1548907260

Remove the float: left; property from the ul and add width:100%;

I am Developer

1597475640

Laravel 7 Full Text Search MySQL

Here, I will show you how to create full text search in laravel app. You just follow the below easy steps and create full text search with mysql db in laravel.

Laravel 7 Full Text Search Mysql

Let’s start laravel full-text search implementation in laravel 7, 6 versions:

Step 1: Install Laravel New App
Step 2: Configuration DB .evn file
Step 3: Run Migration
Step 4: Install Full Text Search Package
Step 5: Add Fake Records in DB
Step 6: Add Routes,
Step 7: Create Controller
Step 8: Create Blade View
Step 9: Start Development Server

https://www.tutsmake.com/laravel-full-text-search-tutorial/

#laravel full text search mysql #laravel full text search query #mysql full text search in laravel #full text search in laravel 6 #full text search in laravel 7 #using full text search in laravel

hourly developer

1594711264

Hire Full Stack Developers

If you are looking for a full-stack mobile developer for your web or mobile app development needs?

Hire Full Stack Developers to develop any type of web, mobile, or desktop applications from start-to-end. HourlyDeveloper.io full-stack programmers know their way around different tiers of software development, servers, databases, APIs, MVC, and hosting environments among others.

Contact us: https://bit.ly/2W6j57w

#hire full stack developers #full stack developers #full-stack programmers #full-stack development #full-stack

hourly developer

1598517180

Hire Full Stack Developer India

Do you want to get a web application that can meet your business requirements successfully?

We love to work with startups and enterprises to solve their business problems using our full-stack technology competencies. Our expertise in agile and efficient use of the latest development methodologies helps us to convert your idea into a market-ready product. Hire Full Stack Developer India from HourlyDeveloper.io will help you to achieve defined goals throughout product development, testing, and deployment.

Consult with our experts: https://bit.ly/34Gqm31Full Stack Development

#hire full stack developer india #full stack developer india #full stack developer #full stack #full stack development

navin prakash

1609588950

Advantages of hiring a full stack developer

Full-stack developers can work with various software applications to design a custom code that allows them to proficiently operate the website as well as its features. They have the potential to serve the entire project, from the ideas’ design to the product’s implementation accordingly.
If you are seeking Full Stack Developer Course in Chennai and FITA Academy is the NO.1 Training institute for Full Stack Developer Training in Chennai. We are providing the best advantages of hiring a full stack developer.

Expert knowledge
Expert & professional web design services are provided by full-stack designers. To attach innovative functionality to the websites or the application that excites the business, they have the experience & qualifications. The specialist player for frontend and backend creation is deemed to be a full-stack designer. This offers the benefit of moving between all parties, client and server-side and vice versa.
A significant advantage with full-stack developers is that they do not compromise on the success of the work and are updated with the latest technologies. And it’s not everyone’s teacup, and so it just wants to give to the right hands.
Versatility
As previously mentioned, in backend & frontend creation, full-stack programmers are qualified. Front-end developers create algorithms that monitor the interactivity and the presentation of a webpage in the application (using Javascript, HTML & CSS). For linking the website & other CMS, back-end developers build prototypes. And here comes the full stack developer, who can effectively perform both functions. They concentrate on objectives and, without relying on others, have unique solutions.
Rich Experience
As the complete stack designers are involved in the different types of Internet programs, they have expertise with in-depth information on software & web development. They will determine the needs of the project and provide solutions out of the bag. And the perspectives offered by them will be useful for the project’s success & price sensitivity. This is something you don’t expect to get from other designers.
Bigger picture of design structure
One of the key advantages of full-stack developers is that they are useful and provide their contributions as needed in the larger entire design framework. Full Stack Developer Course in Pune is very helpful for your best career in the sector. Not only are their products restricted to web growth, but they go beyond supporting and improving existing structures. They are well versed in switching sides or ending in the production of MVP and are conscious of tackling the UI architecture of the software. So, full-stack developers are all in one package.
Easy up-gradation
Full-stack developers are recognized to be up to date with the latest developments and advancements in technology. They will also do the same at jobs, allowing customers to have access to the latest up-to-date technology. 94 percent of respondents said that they liked or disliked the websites on the basis of web development, according to a recent analysis. And that they will make your website more user-friendly as the full-stack developers are informed of all the software developments and innovations. Your customers will get a professional app that is interactive and sensitive because some cool & smart features are implemented in the project by full-stack programmers.

#full stack developer #full stack developer course #full stack developer training in chennai #full stack developer course in chennai #full stack

Samuel Tucker

1548900214